<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>全栈3_4 - 班级博客</title>
    <%- include('./layouts/header.ejs')%>
</head>

<body>
    <!-- 头部导航 -->
    <%- include('./myClass/myClass-header.ejs')%>
    <!-- 修改班级信息部分 -->
    <div class="modified">
        <div class="common">
            <div class="modified-data">
                <!-- 头部 -->
                <div class="modified-head">
                    <h1><span class="iconfont">&#xe67a;</span>班级资料</h1>
                </div>
                <!-- 表单部分 -->
                <div class="content clearafter">
                    <div class="content-form"> 
                        <form action="">
                            <div class="name">
                                <label for="">中文名</label>
                                <input type="text" name="chinesename" value="<%= class_chinesename%>" placeholder="">
                            </div>
                            <div class="english-name">
                                <label for="">英文名</label>
                                <input type="text" name="englishname" value="<%= class_englishname%>" placeholder="">
                                <i>生成班级博客地址...</i>
                            </div>
                            <div class="label">
                                <label for="">标&nbsp;&nbsp;&nbsp;&nbsp;签</label>
                                <input type="text" name="label" value="<%= class_label%>"
                                    placeholder="最多3个标签，每个不超过15字符">
                            </div>
                            <div class="privacy">
                                <label for="">隐&nbsp;&nbsp;&nbsp;&nbsp;私</label>
                                <div class="privacy-check">
                                    <input type="checkbox" checked name="" id="">
                                    <span>仅老师/助教可以查看班级学生的姓名和学号</span>
                                </div>
                            </div>
                            <div class="logo clearafter">
                                <label for="">LOGO</label>
                                <div class="logo-content">
                                    <div class="profile-photo">
                                        <input type="hidden" name="pic">
                                        <img src="<%= class_logo%>" alt="">
                                    </div>
                                    <p>您可以使用默认的班级logo或者使用本地上传logo。</p>
                                    <input type="file" name="avatar" id="avatar">
                                    <i>请选择要上传的文件...</i>
                                    <div class="logos">
                                        <ul>
                                            <li><img src="./img/classInformation/classhead.jpg" alt=""></li>
                                            <li><img src="./img/classInformation/classhead.jpg" alt=""></li>
                                            <li><img src="./img/classInformation/classhead.jpg" alt=""></li>
                                            <li><img src="./img/classInformation/classhead.jpg" alt=""></li>
                                            <li><img src="./img/classInformation/classhead.jpg" alt=""></li>
                                            <li><img src="./img/classInformation/classhead.jpg" alt=""></li>
                                            <li><img src="./img/classInformation/classhead.jpg" alt=""></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="botton">
                                <input type="button" data-id="<%= class_id%>" id="btn-add" value="保存修改">
                            </div>
                        </form>
                    </div>
                    <div class="content-right">
                        <h1>基本信息</h1>
                        <p>创建于 <span><%= class_creationtime%></span>，隶属<i>&nbsp;<%= campus_id%><br>学院</i></p>
                        <p>成员：<span>1</span>&nbsp;名，公告：<span>0</span>&nbsp;条</p>
                        <p>博文：<span>0</span>&nbsp;篇，作业：<span>0</span>&nbsp;次</p>
                    </div>
                </div>
            </div>
            <!-- 班级设置部分 -->
            <div class="class-set">
                <div class="modified-head">
                    <h1><span class="iconfont">&#xe649;</span>开课时间</h1>
                </div>
                <div class="class-set-radio clearafter">
                    <input type="radio" name="time" checked id="">
                    <p>默认（班级创建时间）</p>
                    <input type="radio" name="time" id="">
                    <p>自定义</p>
                </div>
                <div class="modified-head">
                    <h1><span class="iconfont">&#xe64e;</span>默认分数</h1>
                </div>
                <div class="class-set-score clearafter">
                    <div class="class-set-score-job">
                        <span>未交作业</span>
                        <input type="text" placeholder="未设置">
                    </div>
                    <div class="class-set-score-job">
                        <span>已交作业</span>
                        <input type="text" placeholder="未设置">
                    </div>
                    <div class="class-set-score-job">
                        <input id="btn" type="checkbox">
                        <span>允许一周内补交</span>
                        <input class="class-set-score-job-content" type="text" placeholder="未设置">
                    </div>
                </div>
                <div class="modified-head">
                    <h1><span class="iconfont">&#xe659;</span>推荐博客</h1>
                </div>
                <div class="class-set-tab clearafter">
                    <button>新增</button>
                    <table>
                        <thead>
                            <tr>
                                <td>标题</td>
                                <td>链接</td>
                                <td>管理</td>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>你好</td>
                                <td>www.xxx.com</td>
                                <td>删除</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="modified-head">
                    <h1><span class="iconfont">&#xe64c;</span>解散班级</h1>
                </div>
                <div class="class-set-dissolve clearafter">
                    <i><b>*</b>&nbsp;重要：此操作不可逆！<br>解散班级将清除所有成员数据，任何人无法再次访问或使用班级的任何功能，请知悉后继续...</i>
                    <div class="class-set-dissolve-right">
                        <input class="" type="checkbox">
                        <span>我已确认</span>
                    </div>
                    <p class="class-set-dissolve-p">Copyright ©2019
                        <a href="">Cnblogs, Inc.</a>
                        Powered by ASP.NET Core on Linux.
                        <a href=""><span class="iconfont">&#xe620;</span>问题反馈</a>&nbsp;
                        <a href="">帮助文档</a>
                    </p>
                    <button class="class-set-dissolve-button" data-id="<%= class_id%>">解散班级</button>
                </div>
            </div>
        </div>
    </div>
    <script src="./lib/jquery-3.3.1.js"></script>
    <script src="./lib/template/template-web.js"></script>
    <%- include('./template/class-avatar-template.ejs')%>
    <script src="./js/classInformation.js"></script>
</body>

</html>